<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="shortcut icon" href="./images/touxiang.jpg">
    <title>有声相册</title>
</head>
<style>
    img {
        width: 100px;
    }
</style>

<body>
    <h1>有声相册</h1>
    <div>
        <a href="#meinv">美女</a>
        <a href="#xingnan">型男</a>
        <a href="#kexuejia">科学家</a>
        <a href="#qiyejia">企业家</a>
    </div>
    <hr>
    <div>
        <h1 id="meinv">美女</h1>
        <div>
            <a href="./youshengyemian.html"><img src="./renwu2img/14.jpg" alt=""></a>
        </div>
    </div>
    <div>
        <h1 id="xingnan">型男</h1>
        <div>
            <a href="./youshengyemian.html"><img src="./renwu2img/13.jfif" alt=""></a>
        </div>
    </div>
    <div>
        <h1 id="kexuejia">科学家</h1>
        <div>
            <a href="./youshengyemian.html"><img src="./renwu2img/1.png" alt=""></a>
            <a href="./youshengyemian.html"><img src="./renwu2img/2.png" alt=""></a>
            <a href="./youshengyemian.html"><img src="./renwu2img/3.jpg" alt=""></a>
            <a href="./youshengyemian.html"><img src="./renwu2img/4.jfif" alt=""></a>
            <a href="./youshengyemian.html"><img src="./renwu2img/5.jfif" alt=""></a>
            <a href="./youshengyemian.html"><img src="./renwu2img/6.jfif" alt=""></a>
            <a href="./youshengyemian.html"><img src="./renwu2img/7.jfif" alt=""></a>
        </div>
    </div>
    <div>
        <h1 id="qiyejia">企业家</h1>
        <div>
            <img src="./renwu2img/9.jfif" alt="">
            <img src="./renwu2img/10.jfif" alt="">
            <img src="./renwu2img/11.jfif" alt="">
            <img src="./renwu2img/12.jfif" alt="">
        </div>
    </div>
    <audio
        src="https://webfs.hw.kugou.com/202403121021/ec9f477022e8b219a6d7091a538da367/v2/962df932d4dc2dc24d4836e7c02374c1/G324/M0B/1F/38/JJUEAGTN6uuAF9nCAGdOcJTSKbY074.mp3"
        controls></audio>
</body>

</html>